<template>
	<view class="apply">
		<view style="height: 15px;background-color: #EFF2F4;"></view>
		<view class="form">
			<view class="form-list">
				<view class="form-list-tit">申购理由</view>
				<view class="form-list-input">
					{{value1}}
				</view>
			</view>
			<view class="form-list">
				<view class="form-list-tit">申购单位负责人</view>
				<view class="form-list-input">
					{{value2}}
				</view>
			</view>
			<view class="form-list">
				<view class="form-list-tit">经办人</view>
				<view class="form-list-input">
					{{value3}}
				</view>
			</view>
			<view class="form-list">
				<view class="form-list-tit">联系方式</view>
				<view class="form-list-input">
					{{value4}}
				</view>
			</view>
		</view>
	</view>
</template>

<script setup name="PeopleInfo">
	import { ref } from 'vue';
	const value1 = ref('申请理由申请理由申请理由申请理由申请理由申请理由申请理由申请理由申请理由申请理由申请理由申请理由申请理由')
	const value2 = ref('庄媛')
	const value3 = ref('张三')
	const value4 = ref('1325879563')
	
</script>
<style lang="scss" scoped>
	.apply{
		background-color: #fff;
		.form{
			padding: 0 15px;
			.form-list{
				display: flex;
				justify-content: space-between;
				align-items: center;
				text-align: right;
				padding: 10px 0;
				border-bottom: 1px solid #EFF2F4;
				:deep(.uni-input-placeholder, .input-placeholder,.u-input__content__field-wrapper){
					text-align: right !important;
				}
				:deep(.uni-input-input){
					text-align: right !important;
				}
				&-tit{
					color: #797E84;
				}
				&-input{
					width: 250px;
				}
			}
		}
	}
</style>